<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>刻度尺demo</title>
<meta name="description" content="">
<meta name="author" content="humin">
<meta content="width=device-width initial-scale=1.0, minimum-scale=1.0,user-scalable=no "
		name="viewport" />

<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<script type="text/javascript" src="./js/zepto.min.js"></script>
<script type="text/javascript" src="./js/toucher.js"></script>
<link rel="stylesheet" type="text/css" href="./css/scale.css">
<script  type="text/javascript" src="./js/scale.js"></script>
</head> 
<body> 
        <script> 
		$(function(){
			 $("#scale").scale();
			  $("#scale1").scale({
		      scaleSize:10,//刻度尺大小  小数位100  整数10
              scaleRangeMinVal:10,//刻度尺最小范围值
			  scaleRangeMaxVal:150,//刻度尺最大范围值 
			  Tile:'收缩压',//显示标题
			  Unit:'mmol/L',//显示单位 
			  WarnVal:130,//警告值
			  WarnColor:"#FF0000",//警告颜色 
			  NormalVal:80,//正常值
			  NormalColor:"#2828FF",//正常值颜色
			  UnusuallyVal:50,//异常值
			  UnusuallyColor:"#F9F900"//异常颜色
				  });
			  //$("#scale").scale().getScaleValue();
			  
	    });
		
		</script>
        <div id="scale"> </div>
        <div id="scale1"> </div>
</body>
</html>
